@tailwind base;
@tailwind components;
@tailwind utilities;

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.top-82{
    top:10rem;
}
.wrapper{
    margin: 0 auto
}
.clearfix{
    zoom: 1;
    margin: 0 auto
}
.top{
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}
.bott{
    margin-bottom: 2.5rem;
}
.p-style{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.img1{
    float: left;
    width: '60%';
}
.l-2{
    left: -1rem;
}